<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
        <link rel="stylesheet" href="CSS/Alipay.css">
        <link rel="stylesheet" href="CSS/font_2144863_6b2ngsw2ljc/iconfont.css">
        <title>Title</title>
    </head>
    <body>
        <header>
            <section class="top">
                <div>
                    <span class="iconfont icon-zhangdan"></span>
                    <span>账单</span>
                </div>
                <div>
                    <span class="iconfont icon-wodetongxunlu"></span>
                    <span class="iconfont icon-sousuo"></span>
                    <span class="iconfont icon-jia"></span>
                </div>
            </section>
            <section class="bottom">
                <p class="iconfont icon-saoyisao"><span>扫一扫</span></p>
                <p class="iconfont icon-fukuan"><span>付款</span></p>
                <p class="iconfont icon-weibiaoti--"><span>卡卷</span></p>
                <p class="iconfont icon-kabao"><span>卡包</span></p>
            </section>
        </header>
        <ul>
            <li class="iconfont icon-zhuanzhang"><span>转账</span></li>
            <li class="iconfont icon-hongbao"><span>红包</span></li>
            <li class="iconfont icon-yue"><span>余额宝</span></li>
            <li class="iconfont icon-shoujichongzhi1"><span>手机充值</span></li>
            <li class="iconfont icon-xinyongqia"><span>信用卡还款</span></li>
            <li class="iconfont icon-zmxy"><span>芝麻信用</span></li>
            <li class="iconfont icon-didichuhang"><span>滴滴出行</span></li>
            <li class="iconfont icon-taopiaopiao1"><span>淘票票</span></li>
            <li class="iconfont icon-mayijubao"><span>蚂蚁聚宝</span></li>
            <li class="iconfont icon-waimai"><span>外卖</span></li>
            <li class="iconfont icon-huabei"><span>花呗</span></li>
            <li class="iconfont icon-mayisenlin"><span>蚂蚁森林</span></li>
        </ul>
        <div class="img">
            <img src="images/adv@2.png" alt="">
        </div>
        <ul>
            <li class="iconfont icon-zhuanzhang"><span>转账</span></li>
            <li class="iconfont icon-hongbao"><span>红包</span></li>
            <li class="iconfont icon-yue"><span>余额宝</span></li>
            <li class="iconfont icon-shoujichongzhi1"><span>手机充值</span></li>
            <li class="iconfont icon-xinyongqia"><span>信用卡还款</span></li>
            <li class="iconfont icon-zmxy"><span>芝麻信用</span></li>
            <li class="iconfont icon-didichuhang"><span>滴滴出行</span></li>
            <li class="iconfont icon-taopiaopiao1"><span>淘票票</span></li>
            <li class="iconfont icon-mayijubao"><span>蚂蚁聚宝</span></li>
            <li class="iconfont icon-waimai"><span>外卖</span></li>
            <li class="iconfont icon-huabei"><span>花呗</span></li>
            <li class="iconfont icon-mayisenlin"><span>蚂蚁森林</span></li>
        </ul>
        <footer>
            <div>
                <p class="iconfont icon-zhifubao"><span>支付宝</span></p>
                <p class="iconfont icon-koubei"><span>口碑</span></p>
                <p class="iconfont icon-pengyou"><span>朋友</span></p>
                <p class="iconfont icon-rmb"><span>我的</span></p>
            </div>
        </footer>
    </body>
</html>